<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script src="js/z.js"></script>
	</head>
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		
		#btn {
			width: 90%;
			padding: 0.8rem 0.3rem;
			background: #00a7f0;
			color: white;
			border: none;
			border-radius: 0.2rem;
			position: absolute;
			left: 5%;
			bottom: 0;
		}
		
		
		#sub_frame {
			width: 100%;
		}
	</style>

	<body>
		<button id="btn">点击退出支付</button>
		<iframe src="c.html" id="sub_frame" frameborder="0"></iframe>

		<script type="text/javascript">
			var height = $(window).height();
			console.log(height);
			$("#sub_frame").css("height", height);

			$("#btn").click(function() {
				window.location.href = "home-page.html"
			})
		</script>
	</body>

</html>